<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>潮玩星空登录</title>
    <style>
        /* Labubu风格颜色变量 */
        :root {
            --primary: #FF6B9B;     /* Labubu主色调：粉色 */
            --secondary: #9A7DFF;   /* Labubu辅助色：紫色 */
            --accent: #FFD166;      /* Labubu强调色：黄色 */
            --bg-gradient: linear-gradient(135deg, #FFF5F8, #FFD1E4, #F3E5FF);
            --bg-dark: rgba(255, 245, 248, 0.7);  /* Labubu浅色背景的半透明版本 */
            --text-dark: #5A5A5A;   /* Labubu深色文本 */
            --text-light: #FFFFFF;  /* 白色文本 */
            --error: #FF6B6B;       /* 错误提示颜色 */
        }

        body {
            margin: 0;
            font-family: "Arial Black", sans-serif;
            background: var(--bg-gradient);
            color: var(--text-dark);
        }

        .login-box {
            width: 400px;
            margin: 100px auto;
            background-color: var(--bg-dark);
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 0 20px var(--primary);
        }

        h2 {
            text-align: center;
            color: var(--primary);
            margin-bottom: 30px;
            text-shadow: 1px 1px 5px rgba(255, 107, 155, 0.3);
        }

        input[type=text], input[type=password] {
            width: 100%;
            padding: 12px;
            margin: 10px 0 20px;
            border: none;
            border-radius: 8px;
            background-color: white;
            color: var(--text-dark);
            box-shadow: 0 2px 5px rgba(255, 107, 155, 0.1);
        }

        input[type=submit] {
            width: 100%;
            padding: 12px;
            background: var(--primary);
            color: var(--text-light);
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            transition: 0.3s;
        }

        input[type=submit]:hover {
            background: var(--secondary);
        }

        .link {
            text-align: center;
            margin-top: 15px;
        }

        .link a {
            color: var(--secondary);
            text-decoration: none;
        }

        .error {
            color: var(--error);
            text-align: center;
            margin-bottom: 15px;
        }
    </style>

    <script>
        function getQueryParam(name) {
            const params = new URLSearchParams(window.location.search);
            return params.get(name);
        }

        window.addEventListener('load', function () {
            const notLogin = getQueryParam('notLogin');
            if (notLogin === 'true') {
                // 延迟弹窗，让页面渲染完、避免被立即跳转刷新盖掉
                setTimeout(function () {
                    alert("您未登录，请先登录！");
                }, 200); // 200ms 延迟，效果自然
            }
        });
    </script>
</head>
<body>
<div class="login-box">
    <h2>潮玩星空用户登录</h2>

    <c:if test="${not empty errorMsg}">
        <div class="error">${errorMsg}</div>
    </c:if>

    <form action="${pageContext.request.contextPath}/user/login" method="post">
        <input type="text" name="uname" placeholder="用户名" required/>
        <input type="password" name="pwd" placeholder="密码" required/>
        <input type="submit" value="登录">
    </form>

    <div class="link">
        还没有账号？ <a href="${pageContext.request.contextPath}/user/register">立即注册</a>
    </div>
</div>
</body>
</html>